css套用
如使用該複合屬性定義其單個參數,則其他參數的默認值將無條件覆蓋各自對應的單個屬性設定。
默認值為:medium none。border-color的默認值將採用文本顏色。
對應的腳本特性為border。請參閱我編寫的其他書目。
關於對象的尺寸與框線,內外補丁等樣式表屬性的關係,請參看圖例以及height和width屬性。
瀏覽器支持
儘管不推薦使用 border 屬性,但是所有主流瀏覽器均支持該屬性。
提示和注釋
注釋:HTML 4.01 不推薦使用圖像的 "border" 屬性。在 XHTML 1.0 Strict DTD 和 HTML 5 中,不再支持該屬性。
提示:請使用 CSS 的框線屬性來改變元素的框線樣式。您可以在一個外部樣式表中使用 CSS 框線屬性,為站點上的所有圖像設定一致的框線。與單獨為一個圖像設定 border 屬性相比,這種方式無疑擁有更高的效率。
兼容性注釋
不推薦使用 img 元素的 border 屬性;在 HTML 4.01 Strict 以及 XHTML 1.0 Strict DTD 中,不支持 img 元素的 border 屬性。
請使用 CSS 代替。
CSS 語法:<img style="border:5px solid black">
屬性值
在下面的表格中列出了HTML中border屬性的屬性值:
值 | 描述 |
pixels | 框線的寬度,以像素為單位。 |
顏色
語法:
border-color : color
參數:
color : 指定顏色。請參閱顏色單位和附錄:顏色表
說明:
如果只提供一個,將用於全部的四條邊。
如果提供兩個,第一個用於上-下,第二個用於左-右。
如果提供三個,第一個用於上,第二個用於左-右,第三個用於下。
如果border-width等於0或border-style設定為none,本屬性將失去作用。
對應的腳本特性為borderColor。請參閱我編寫的其他書目。
示例:
body { border-color: silver ;red; }
body { border-color: silver red RGB(223, 94, 77); }
body { border-color: silver red RGB(223, 94, 77) black; }
樣式
語法:
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
參數:
none : 無框線。與任何指定的border-width值無關
hidden : 隱藏框線。IE不支持
dotted : 在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為點線。否則為實線
solid : 實線框線
double : 雙線框線。兩條單線與其間隔的和等於指定的border-width值
groove : 根據border-color的值畫3D凹槽
ridge : 根據border-color的值畫菱形框線
inset : 根據border-color的值畫3D凹邊
outset : 根據border-color的值畫3D凸邊
說明:
如果只提供一個,將用於全部的四條邊。
如果提供兩個,第一個用於上-下,第二個用於左-右。
如果提供三個,第一個用於上,第二個用於左-右,第三個用於下。
如果border-width不大於0,本屬性將失去作用。
對應的腳本特性為borderStyle。
示例:
body { border-style: double groove; }
body { border-style: double groove dashed; }
線粗細
語法:
border-width : medium | thin | thick | length
參數:
medium : 默認寬度
thin : 小於默認寬度
thick : 大於默認寬度
length : 由浮點數字和單位標識符組成的長度值。不可為負值。請參閱長度單位
說明:
如果提供全部四個參數值,將按上-右-下-左的順序作用於四個框線。
如果只提供一個,將用於全部的四條邊。
如果提供兩個,第一個用於上-下,第二個用於左-右。
如果提供三個,第一個用於上,第二個用於左-右,第三個用於下。
要使用該屬性,必須先設定對象的height或width屬性,或者設定position屬性為absolute。
如果border-style設定為none,本屬性將失去作用。
對應的腳本特性為borderWidth。
示例:
span { border-style: solid; border-width: thin; }
span { border-style: solid; border-width: 1px thin; }
框線顏色
border-color:用於設定框線的顏色,它一次可以接受最多4個顏色值。可以設定的顏色值如下所示:
•name - 指定顏色的名稱,如 "green"
•RGB - 指定 RGB 值, 如 "rgb(255,0,0)"
•Hex - 指定16進制值, 如 "#ff0000"
您還可以設定框線的顏色為"transparent"。
語法結構
border-width:1px; 線粗細
border-style:outset; 樣式
border-color:#fff 線顏色
border-top:1px solid #000; 單獨描畫上面線
border-right:1px solid #000; 單獨描畫右面線
border-bottom:1px solid #000; 單獨描畫下面線
border-left:1px solid #000; 單獨描畫左面線
border:1px solid #90C320; 四邊線一起描畫出來
javax.swing.border
該接口描述一個能夠呈現圍繞 swing 組件邊緣框線的對象。
在 Swing 組件集中,作為一種創建組件邊緣四周的裝飾或普通區域的機制,border 取代了 Insets。
用法說明:
•使用 EmptyBorder 創建普通框線(該機製取代了原先的 setInsets)。
•使用嵌套多個 border 對象的 CompoundBorder 來創建單個組合框線。
•border 實例設計為可共享。不使用某個 border 類來創建新的 border 對象,而是使用 BorderFactory 方法生成常見 border 類型的共享實例。
•其他框線樣式包括 BevelBorder、SoftBevelBorder、EtchedBorder、LineBorder、TitledBorder 和 MatteBorder。
•要創建新的 border 類,請用 AbstractBorder 創建子類。
常用方法信息
void paintBorder(Component c,Graphics g,int x,nt y,int width,int height)
•按指定的位置和尺寸繪製指定組件的框線。
•參數:
•c - 要為其繪製框線的組件
•g - 繪製的圖形
•x - 所繪製框線的 x 坐標位置
•y - 所繪製框線的 y 坐標位置
•width - 所繪製框線的寬度
•height - 所繪製框線的高度
Insets getBorderInsets(Component c)
•返回該框線的 insets。
•參數:
•c - 要套用此框線 insets 值的組件
boolean isBorderOpaque()
•返回此框線是否透明。如果框線為不透明,則在繪製它時將用自身的背景來填充。
註:
BorderFactory可以提供標準 Border 對象的工廠類。在任何可能的地方,此工廠類都將提供對已共享 Border 實例的引用。更多用法請參考API。